.pub_login {
    .page_box {
        position: relative;
        // display: flex;
        // align-items: center;
        padding: 160rpx 0 0 0;
        box-sizing: border-box;

        .standing {
            position: absolute;
            right: 46rpx;
            top: 60rpx;
            line-height: 56rpx;
            color: #3296FA;
            font-size: 40rpx;

            .icon {
                width: 50rpx;
                height: 44rpx;
                display: inline-block;
                vertical-align: top;
                margin: 6rpx 0 0 14rpx;
            }
        }

        .text {
            width: 100%;

            .logo {
                width: 130rpx;
                height: 130rpx;
                margin: 0 auto 32rpx auto;
                display: block;
            }

            .p_1 {
                line-height: 66rpx;
                color: #333333;
                font-size: 48rpx;
                text-align: center;
                font-weight: bold;
                margin-bottom: 160rpx;
            }

            .p_2 {
                line-height: 56rpx;
                color: #333333;
                font-size: 40rpx;
                text-align: center;
                margin: 48rpx 0 260rpx 0;
            }

            .other {
                margin: 200rpx 0 0 0;
                height: 350rpx;

                .po_1 {
                    line-height: 40rpx;
                    text-align: center;
                    font-size: 24rpx;
                    color: #55585C;

                    .line {
                        width: 200rpx;
                        height: 2rpx;
                        background-color: #DDDDDD;
                        display: inline-block;
                        vertical-align: top;
                        margin: 19rpx 30rpx 0 30rpx;
                    }
                }

                .icono {
                    width: 66rpx;
                    height: 64rpx;
                    margin: 32rpx auto 16rpx auto;
                    display: block;
                }

                .po_2 {
                    line-height: 36rpx;
                    text-align: center;
                    font-size: 26rpx;
                    color: #3296FA;
                }
            }
        }

        .xieyi {
            height: calc(36rpx * 3);
            line-height: 36rpx;
            font-size: 26rpx;
            color: #333333;
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 36rpx 74rpx;
            box-sizing: border-box;
            background-color: #fff;

            .link {
                color: #3296FA;
                display: inline-block;
                vertical-align: top;
                line-height: 36rpx;
            }

            .icon {
                width: 30rpx;
                height: 36rpx;
                display: inline-block;
                vertical-align: top;
                margin: 0 8rpx 0 0;
            }
        }
    }
}

.pub_login_other {
    .page_box {
        padding: 0 60rpx;

        .title {
            padding: 140rpx 0 100rpx 0;
            line-height: 66rpx;
            font-size: 46rpx;
            color: #333333;
            font-weight: 500;
        }

        .inputs {
            width: 100%;
            padding: 0 0 46rpx 0;
            box-sizing: border-box;

            .li_msg {
                font-size: 28rpx;
                line-height: 40rpx;
                text-align: right;
                color: #3296FA;
                margin-top: 40rpx;
            }

            .li {
                padding: 70rpx 0 10rpx 0;
                box-sizing: border-box;
                border-bottom: 1rpx solid rgba(216, 216, 216, 0.4);
                position: relative;

                .inp {
                    width: 100%;
                    height: 60rpx;
                    line-height: 60rpx;
                    font-size: 34rpx;
                }

                .code_msg {
                    height: 60rpx;
                    line-height: 60rpx;
                    position: absolute;
                    right: 0;
                    top: 70rpx;
                    font-size: 30rpx;
                    color: #3296FA;
                }

                .psd_eye {
                    width: 44rpx;
                    height: 60rpx;
                    position: absolute;
                    right: 0;
                    top: 70rpx;
                }
            }

            .li_1 {
                .inp {
                    width: calc(100% - 100rpx);
                }
            }

            .li_2 {
                .inp {
                    width: calc(100% - 200rpx);
                }
            }
        }

        .xieyi {
            line-height: 36rpx;
            font-size: 26rpx;
            color: #333333;
            margin-top: 32rpx;

            .link {
                color: #3296FA;
                display: inline-block;
                vertical-align: top;
                line-height: 36rpx;
            }

            .icon {
                width: 30rpx;
                height: 36rpx;
                display: inline-block;
                vertical-align: top;
                margin: 0 8rpx 0 0;
            }
        }

        .rule {
            margin-top: 28rpx;
            padding: 0 0 100rpx 0;

            .p_1 {
                font-size: 24rpx;
                line-height: 42rpx;
                color: #333333;
                margin-bottom: 16rpx;
            }

            .p_2 {
                font-size: 24rpx;
                line-height: 34rpx;
                color: #999999;
            }
        }

    }
}